<template>
  <view class="container">
    <view class="search">
      <view>姓名</view>
      <uni-easyinput
        @change="change()"
        size="mini"
        type="text"
        v-model="searchName"
      />
    </view>
    <uni-table
      ref="table"
      :loading="loading"
      border
      stripe
      type="selection"
      emptyText="暂无更多数据"
      @selection-change="selectionChange"
    >
      <uni-tr>
        <uni-th width="150" align="center">日期</uni-th>
        <uni-th width="150" align="center">姓名</uni-th>
        <uni-th align="center">地址</uni-th>
        <uni-th width="204" align="center">设置</uni-th>
      </uni-tr>
    </uni-table>
  </view>
</template>

<script>
export default {
  data() {
    return {
      loading: false,
      searchName: "",
    };
  },
};
</script>

<style lang="scss" scoped>
.container {
  background-color: #fff;
  .search {
    display: flex;
    padding: 0 20upx;
    height: 80upx;
  }
}
</style>
